.main-container {
  height: 100vh;
  min-width: 600px;

  .el-aside {
    overflow: hidden;
  }

  .el-menu {
    // width: 200px;
    border-right: none;
  }
  .el-menu:not(.el-menu--collapse) {
    width: 200px;
  }
  .el-scrollbar :deep(.el-scrollbar__wrap) {
    border-right: solid 1px var(--el-menu-border-color);
  }
  .logo {
    position: relative;
    height: 60px;
    display: flex;
    // justify-content: center;
    align-items: center;
    background-color: $main-color;
  }
  .logo-img {
    width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding));
    margin-left: calc(var(--el-menu-base-level-padding) / 2);
    margin-right: calc(var(--el-menu-base-level-padding) / 2);
  }
  .logo-text {
    position: absolute;
    left: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2);
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    user-select: none;
    color: white;
  }
  .el-icon {
    font-size: 24px;
    color: $main-color;
  }
  .icon {
    width: 38px;
    height: 38px;
    border-radius: 2px;
    box-shadow: 0 0 15px #e5e9ec;
    border-bottom: 1px solid #eeeeee;
  }
  .icon:hover {
    cursor: pointer;
    background: $main-color;
    border-bottom-color: #af772b;
    color: white;
  }
  .el-header {
    padding: 0;
    height: 100px;
  }

  .el-header > .el-row {
    align-items: center;
    height: 60px;
    padding: var(--el-header-padding);
    border-bottom: 1px solid #e0e3e8;
  }

  .head-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .el-main {
    padding: 10px 12px;
    overflow-x: hidden;
    background-color: var(--el-bg-color-page);
    // .main-container {
    //   width: 100%;
    //   // height: 1000px;
    //   height: 100%;
    //   overflow-x: hidden;
    //   // background-color: var(--el-bg-color);
    //   // border: 1px solid var(--el-border-color-light);
    //   // border-radius: 6px;
    // }
  }

  .el-footer {
    @include flex-center;
    height: 30px;
    box-sizing: border-box;
    border-top: solid 1px var(--el-menu-border-color);
  }
}
